<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
		<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
		<title>Ola k ase</title>
	
		<link rel="shortcut icon" href="../favicon.ico">
		<link rel="stylesheet" type="text/css" href="../css/normalize.css" />
		<link rel="stylesheet" type="text/css" href="../css/demo.css" />
		<link rel="stylesheet" type="text/css" href="../css/component2.css" />
		
	</head>
	<body>
		<div class="container">
			<!-- Top Navigation -->
			<div class="codrops-top clearfix">
				
				<span class="right"><a class="codrops-icon codrops-icon-drop" href="http://tympanus.net/codrops/?p=16114"><span>Ola k ase</span></a></span>
			</div>
			<header>
				<h1>Veterinaria <span>Menu circular</span></h1>	
			</header>
			<div class="component">
				<h2>PetShop</h2>
				<!-- Start Nav Structure -->
				<button class="cn-button" id="cn-button">Menu</button>
				<div class="cn-wrapper" id="cn-wrapper">
					<ul>
						<li><a href="#"><span>Home</span></a></li>
						<li><a href="#"><span>Citas</span></a></li>
						<li><a href="#"><span>Clientes</span></a></li>
						<li><a href="#"><span>Pacientes</span></a></li>
						<li><a href="#"><span>HC</span></a></li>
						<li><a href="#"><span>Almacen</span></a></li>
						<li><a href="#"><span>Mas</span></a></li>
					 </ul>
				</div>
				<!-- End of Nav Structure -->
			</div>
			
		</div><!-- /container -->
		<script src="../js/polyfills.js"></script>
		<script src="../js/demo2.js"></script>
		<script src="../js/modernizr-2.6.2.min.js"></script>
	</body>
</html>